<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PFVLib test</title>
<script type="text/javascript" src="../deps/prototype/prototype.js"></script>
<script type="text/javascript" src="../../../dist/pfvlib.js"></script>
<script type="text/javascript">
  function init() {
    initializeValidation();
  } 
</script>
<style type="text/css">
  input.required {
	  border-color: #A5A532;
	  background: #ffffe5;
	}
	
	input.valid {
	  border-color: #49A749;
	  background: #e5ffe5;
	}
	
	input.invalid {
	  border-color: #BB6161;
	  background: #ffe5e5;
	}
	
	input.formvalid[disabled='disabled'] {
	  color: #777;
	  background: #cacaca;
	}
</style>
</head>
<body onload="init();">
	<form>
    <div class="title">
      Required
    </div>
    <div class="input">
      <input name="required" type="text" class="required" size="15" value="">
    </div>
    <div class="title">
      Email
    </div>
    <div class="input">
      <input name="email" type="text" class="email" size="15" value="">
    </div>
    <div class="title">
      Required, email
    </div>
    <div class="input">
      <input name="required_email" type="text" class="required email" size="15" value="">
    </div>
    <div class="title">
      Number
    </div>
    <div class="input">
      <input name="number" type="text" class="number" size="15" value="">
    </div>
    <div class="title">
      Float
    </div>
    <div class="input">
      <input name="float" type="text" class="float" size="15" value="">
    </div>
    <div class="title">
      Equals with one below
    </div>
    <div class="input">
      <input type="text" name="eqf1" class="equals equals-eqf2" size="15" value="">
    </div>
    <div class="title">
      Equals with one above
    </div>
    <div class="input">
      <input type="text" name="eqf2" class="equals equals-eqf1" size="15" value="">
    </div>

	  <div class="title">
	    Mask (^([0-9]{6})$)
	  </div>
    <div class="input">
      <input name="mask" type="text" validatemask="^([0-9]{6})$" class="mask" size="15" value="123123">
    </div>

    <div class="title">
      Submit button (disabled if form is not valid)
    </div>
		<div class="input">
			<input type="submit" value="Save" class="formvalid">
		</div>
	</form>
</body>
</html>